<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>宿舍管理</title>
    <link href="/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="/css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script src="/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="/layui/layui.js" type="text/javascript"></script>
    <script src="/js/custom/viewDormitoryInfo.js"></script>
</head>

<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">信息管理</a></li>
        <li><a href="#">宿舍管理</a></li>
    </ul>
</div>

<div class="rightinfo">
    <div class="tools">
        <form class="form-inline">
            <div class="form-group">
                <label for="dormitoryName">宿舍名称</label>
                <input type="text" class="form-control stuSearch" id="dormitoryName" placeholder="请输入宿舍名称">
            </div>
            <div class="form-group text-right">
                <button type="button" class="btn btn-primary" onclick="searchDormitoryInfo()">查询</button>
            </div>
        </form>
    </div>

    <!--表格头部-->
    <script type="text/html" id="tablebar"></script>
    <!--layui数据表格-->
    <table id="dormitoryTableId" lay-filter="dormitoryTableFilter"></table>
    <!--自定义的列模板-->
    <script type="text/html" id="toolBar">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="add" data-method="addDormitoryInfo">添加</button>
        </div>
    </script>
    <script type="text/html" id="tableBar">
        <button class="layui-btn layui-btn-xs data-count-edit" data-method="modifyDormitoryInfo" lay-event="modify">
            <i class="layui-icon layui-icon-edit"></i>修改
        </button>
        <button class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">
            <i class="layui-icon layui-icon-delete"></i>删除
        </button>
    </script>
</div>

<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
</script>


</body>
</html>
